<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例</title>

</head>
<body>

    <!-- 在输入框输入的同时, {{ message }} 也会实时将内容渲染在视图中 -->
    <div id="app1">
        <textarea v-model="text" placeholder="输入..."></textarea>

        <!-- white-space 保留换行-->
        <p style="white-space: pre">输入的内容是: {{ text }}</p>
    </div>

    <script src="https://unpkg.com/vue/dist/vue.min.js"></script>
    <script>

        var app1 = new Vue({
            el: "#app1",
            data: {
                text: ''
            }
        });


    </script>

</body>
</html>